<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimal-ui"/>
  <meta http-equiv="Cache-control" content="no-cache, no-store, must-revalidate">
  <meta http-equiv="Pragma" content="no-cache">
  <title><%= context.title %></title>
  <style media="screen">
    html, body{margin: 0;width: 100vw;height: 100vh;font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;}
    #root {width: 100%;height: 100%;}
  </style>
  <style id="splash-spinner">
    .spinner {position: fixed;border: 4px solid #f3f3f3;border-top: 4px solid #3498db;border-radius: 50%;top: 40%;left: 50%;margin-left: -22.5px;width: 45px;height: 45px;animation: spin 1s linear infinite;}
    @keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}
  </style>
</head>
<body>
  <div id="root"></div>
  <div class="spinner"></div>
</body>
</html>